<!--登陆页面-->

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" th:href="@{http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css}">
    <link rel="stylesheet" th:href="@{css/index.css}">
    <script th:src="@{js/jquery.js}"></script>
    <script th:src="@{js/jquery.mobile-1.4.5.min.js}"></script>
    <script th:src="@{js/index.js}"></script>

</head>
<body>
    <div data-role="page">
        <div data-role="header" data-position="fixed" class="page_header">
          <img th:src="@{images/logo.png}" alt="" class="logo">
          <h1>欢迎来到撩聊聊天</h1>
        </div>
      
        <div data-role="main" class="ui-content page_main" >
            <div class="login">

                    <form th:action="@{/login}" method="POST" data-ajax=false>
                        <fieldset>
                        <p  th:text="${msg}" style="color: #ff0000;"></p>
                        <input type="text"  id="name" name="username" required placeholder="请输入账号"><br>
                        <input type="password"  id="pwd" name="password" required placeholder="请输入密码"><br>
                        <input type="checkbox" checked data-role="flipswitch" name="switch" id="switch">
                        <span>记住密码</span>
                        <input type="checkbox" data-role="flipswitch" name="switch" id="switch1">
                        <span>自动登录</span>
                        <button type="submit" class="loginBtn">登录</button>
                        <div >
                            <a th:href="@{password_change.html}" class="leftBtn" data-ajax="false">忘记密码</a>
                            <a th:href="@{/register}" class="rightBtn" data-ajax="false"> 注册账号</a>
                        </div>
                        </fieldset>
                    </form>

            </div>
        </div>
      
        <div data-role="footer" data-position="fixed" class="page_footer">
          <h3>Copyright © 2019-2019 撩聊聊天APP  All Rights Reserved. 备案号：鲁ICP备01234567号-1</h3>
        </div>
    </div>>
</body>
</html>